html, body { height:100%;}

body{
    //background-color: #999999;
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background: white; /* url('../images/template/background.jpg') repeat fixed; */
	
}
/*pengaturan kanvas */
div#outer {
    width: 1000px;
	/* uncomment buat ngasih background */
    background: url('../images/template/background.jpg') repeat;
	// border: thin solid #000000;
    padding: 0px;
	margin: 15px auto;
	
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
}

/*pengaturan header */
div#header {
    margin: 5px;
    text-align: center;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	border-radius:5px;
}

div#selamat-datang{
	font-family: AgencyR;
	width:790px;
	padding:5px;
	font-size:18px;
	float: left;
}

div#logout{
	font-family: AgencyR;
	width:190px;
	margin-left:800px;
	padding:5px;
	text-align:right;
	font-size:18px;
}

/*pengaturan pengumuman */
div#pengumuman {
	font-family: OCR;
	padding: 7px;
	margin: 10px 0px;
	border-color: #5F5D5D;
	border-style: solid;
    border-width: 3px;
	background: #1D1819;
	color: #F08519;
	font-weight: bold;
	font-size: 14px;
}

/* pengaturan style sidebar */
div#mainmenu{
	width: 215px;
	float: left;
	margin-top:10px;
	margin-bottom:20px;
	font-family: AgencyR;
	background: #00A2E9;
	border-left: 15px solid #1D1819;
	//height: inherit;
}
div#judul-menubar{
	padding:15px;
	font-family:AgencyB;
	font-size:24px;
	color:white;
}

div#sisa-menubar{
	background:#1D1819;
	margin-right:5px;
	//margin-bottom:5px;
	padding: 5px 0px;
	
}
div.menu{
	background: #1D1819;
	color:white;
	margin-right:5px;
	
	padding: 5px 0px;
}
div.menu-expand{
	font-size: 20px;
	font-family: AgencyR;
	padding: 5px 5px;
	background: #72CAF3;
	margin-bottom:5px;
	margin-right:5px;
}
div.menu-expand ul li{
	line-height:20px;
	padding:5px;
	//border-bottom: dashed 1px #1D1819;
	list-style-position: outside;
}
div.menu-expand ul li.active{
	cursor:pointer;
	background:#757475;
	color:white; 
	list-style-type:circle;
}
div.menu-expand ul li.active a{
	text-decoration:none;
	color:inherit;
	display:block;
}
div.menu-expand ul li:hover{
	cursor:pointer;
	background:#1D1819;
	color:white;
}
div.menu-expand ul li a{
	text-decoration:none;
	color:#1D1819;
	display:block;
}
div.menu-expand ul li:hover a{
	text-decoration:none;
	color:inherit;
	display:block;
}
div.menu-expand ul li:hover a:hover{
	color:inherit;
	display:block;
}
td.gambar-menu{
	text-align:center;
	vertical-align:middle;
	width: 50px;
	padding:5px;
}
td.judul-menu{
	text-align:center;
	vertical-align:middle;
	width:130px;
	font-family:AgencyB;
	font-size:22px;
}

/*pengaturan konten */
div#main{
	float:right;
	width: 765px;
	margin-top:10px;
	margin-bottom:20px;
}
div#komponen{
	padding:20px;
	//height:inherit;
}

div.kolom-1 {
	clear:left;
	width:100%;
}

div.kolom-2-kiri {
	width:50%;
	float:left;
	display:block;
}

div.kolom-2-kanan {
	width:50%;
	float:left;
	display:block;
}

div.latar-bening {
	padding:10px;
	margin:5px;
}

div.latar-putih {
	border-radius:5px;
	margin:5px;
	padding:10px;
	background: white;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
}

div#tanggal{
	padding-bottom:15px;
	padding-right:15px;
	text-align:right;
	font-family: AgencyB;
	font-size:18px;
}

h1.judul-halaman{
	font-family:AgencyB;
	padding:5px;
}

/* pengaturan login */
div#halaman-login{
	width:500px;
	margin: 20px 250px;
}
h2#judul-login{
	padding:30px 0px;
	font-family:AgencyB;
	text-align:center;
}
div#kotak-login{
	font-family:AgencyR;
	font-size:24px;
	padding:25px;
	background: #00A2E9;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	margin-bottom:80px;
	color:white;
}
label.label-login{
	font-family:AgencyR;
	font-size:24px;
}
div.login-baris{
	padding-top:10px;
	width:90%;
	margin: 5px 5%;
}
div.clear-float{
	clear:both;
}
div.login-kiri{
	float:left;
	width:30%;
}
div.login-kanan{
	float:left;
	width:70%;
}
div.errorMessage{
	color:#E62129;
	font-family:AgencyB;
	margin-bottom:10px;
}
input[type="submit"]{
	margin-top:10px;
	text-align:center;
	font-family:AgencyR;
	font-size:24px;
	background:#1D1819;
	border:none;
	color:white;
	padding:10px 20px;
	
}
input[type="submit"]:hover{
	background: #E62129;
}
input[type="submit"]:active{
	font-family:AgencyB;
}

/*pengaturan footer */
div#footer {
	clear:both;
	font-family: AgencyR;
	font-weight:bold;
	font-size: 18px;
	color: white;
	text-align:center;
    padding: 5px;
	padding-top:15px;
    margin: 0 auto;
	width:96%;
	background: #00A2E9;
	margin-bottom:15px;
	border-left: 15px solid #1D1819;
	border-right: 15px solid #1D1819;
}

/*pengaturan lainnya */
.agencyr{
	font-family: AgencyR;
}

.agencyb{
	font-family: AgencyB;
}

.ocr{
	font-family: OCR;
}
span.bintang{
	font-family: OCR;
	color: pink;
}

marquee:hover{
	cursor:default;
}